<template>
  <div class="boxIcon">
        <div class="left">
            <img src="../assets/images/left.png" alt="">
        </div>
        <div class="center" >
          {{title}}
        </div>
        <div class="right">
            <img src="../assets/images/right.png" alt="">
        </div>
    </div>
</template>
<script>
export default {
    props:["title"]
    
}
</script>
<style lang="less" scoped>
    .boxIcon {
            display: flex;
        }
        .boxIcon .center{
            height: 34px;
            text-align: center;
            line-height: 28px;
            border-top: 2px solid #0A3DE2;
            border-bottom: 2px solid #0A3DE2;
            background: #060C83;
            padding: 0 5px;
            box-sizing: border-box;
            font-size: 20px;
            color: white;
           
        } 
</style>